<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="/static/weixin/plug/icalendar/lCalendar.js"></script>
    <link rel="stylesheet" href="/static/weixin/plug/icalendar/lCalendar.css">
    <style media="screen">
      input{
        width: 90%;
				height: 40px;
				/* font-size: 18px; */
				border: 1px solid #19b5ee;
				border-radius: 5px;
				margin: 20px 5% 0 5%;
				padding: 5px;
      }
    </style>
  </head>
  <body>
    <input id="demo1" type="text" readonly="" name="input_date" placeholder="日期选择特效" data-lcalendar="2011-01-1,2019-12-31" />

  </body>
  <script type="text/javascript">
  var calendar = new lCalendar();
    calendar.init({
      'trigger': '#demo1',
      'type': 'date'
    });
  </script>
</html>
